<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
<title></title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet"
	href="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css" />
<link rel="stylesheet" th:href="@{/plugins/jQuery/jquery-ui-1.10.4.css}" />
<link rel="stylesheet"
	th:href="@{/mobile/visitorTask/personalIndex.css}" />
<link rel="stylesheet" type="text/css"
	th:href="@{/plugins/bootstrap/bootstrap.min.css}" />
<link rel="stylesheet" type="text/css"
	href="http://39.107.125.44/arcgis_js_api/library/3.16/3.16/dijit/themes/tundra/tundra.css" />
<link rel="stylesheet" type="text/css"
	href="http://39.107.125.44/arcgis_js_api/library/3.16/3.16/esri/css/esri.css" />
<script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript"
	src="http://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript"
	src="http://api.map.baidu.com/api?v=2.0&amp;ak=ESUICaohNGpKKOAx3d2SOzDxuZ2WUMlX&amp;services=&amp;t=20180323171755"></script>
<script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<script th:src="@{/plugins/jQuery/navbar/jquery-mobile-navbar.js}"></script>
<script th:src="@{/plugins/bootstrap/bootstrap.min.js}"></script>
<script th:src="@{/plugins/jQuery/jquery.raty.js}"></script>
<script th:src="@{/plugins/jQuery/moment/moment.min.js}"></script>
<script th:src="@{/js/ajaxfileupload/ajaxfileupload.js}"></script>
<script type="text/javascript"
	src="http://39.107.125.44/arcgis_js_api/library/3.16/3.16/init.js"></script>

<link rel="stylesheet" type="text/css" media="all" th:href="@{/plugins/font-awesome-4.7.0/css/font-awesome.min.css}" />
<link rel="stylesheet" th:href="@{/mobile/common.css}" />
<link rel="stylesheet" th:href="@{/mobile/reset.css}" />

<style type="text/css">
.margin-Title{
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.ui-listview>li{
	margin: 0 !important;
	padding: 0 !important;
}

 .ui-btn{
 	padding: 0 !important;
 }
 
.pageMain{
 	height: 100% !important;
 }
</style>
</head>

<body style="background: #FFFFFF">

	<div data-role="page" id="pageone" class="pageMain">
		<div data-role="header" data-position="fixed" data-tap-toggle="true">
			<span class="fa fa-angle-left goBack"></span>
			<h1>上报事件信息</h1>
			<!-- <a id="goHome" href="/wcsi/ui/mobileMain?device=mobile"
				data-ajax='false'
				class="ui-btn ui-corner-all ui-shadow ui-icon-home ui-btn-icon-left">主页</a> -->
		</div>

		<br />
		<div data-role="main">
			<!-- 数据准备 -->

			<!-- 主体内容 -->
			<div class="contentData">

				<div class="tab" role="tabpanel">
					<ul class="nav nav-tabs">
						<li th:class="${type} != null ? (${type} eq 0 ? 'active' : '' ) : 'active'" ><a href="#page1" data-toggle="tab">已上报</a></li>
						<li th:class="${type} != null ? (${type} eq 2 ? 'active' : '' ) : ''"><a href="#page2" data-toggle="tab">已受理</a></li>
						<li th:class="${type} != null ? (${type} eq 1 ? 'active' : '' ) : ''"><a href="#page4" data-toggle="tab">待受理</a></li>
						<li th:class="${type} != null ? (${type} eq 3 ? 'active' : '' ) : ''" ><a href="#page3" data-toggle="tab">已完结</a></li>
					</ul>
					<div class="tab-content">
						<div th:class="${type} != null ? (${type} eq 0 ? 'tab-pane fade in active' : 'tab-pane fade ' ) : 'tab-pane fade in active'"  id="page1">
							<ul data-role="listview" id="visitorReportHistory"></ul>
						</div>
						<div th:class="${type} != null ? (${type} eq 2 ? 'tab-pane fade in active' : 'tab-pane fade' ) : 'tab-pane fade'" id="page2">
							<ul data-role="listview" id="visitorHasDid"></ul>
						</div>
						<div th:class="${type} != null ? (${type} eq 3 ? 'tab-pane fade in active' : 'tab-pane fade' ) : 'tab-pane fade'" id="page3">
							<ul data-role="listview" id="visitorOvers"></ul>
						</div>
						<div th:class="${type} != null ? (${type} eq 1 ? 'tab-pane fade in active' : 'tab-pane fade' ) : 'tab-pane fade'" id="page4">
							<ul data-role="listview" id="visitorInit"></ul>
						</div>
					</div>
				</div>
			</div>
		</div>

	</div>

	<div data-role="popup" id="popupView" data-position-to="window"
		class="ui-content" data-theme="a" data-overlay-theme="a"
		data-dismissible="false">
		<div data-role="content">
			<img th:src="@{/img/loading.gif}" />
		</div>
	</div>

	<!-- 历史事件源面板 -->
	<div data-role="page" id="visitorReportHistory_mb"
		style="background: #FFFFFF;">
		<div data-role="header" data-position="fixed" data-tap-toggle="true"
			data-theme="a">
			<span><a href="#pageone" data-transition="slide" data-direction="reverse" class="pageBack" ><span class="fa fa-angle-left headleft"></span> </a></span>
			<h1>历史事件源详情</h1>
			<!-- <a href="#pageone" data-transition="slide" data-direction="reverse"
				class="ui-btn ui-btn-a ui-icon-back ui-btn-icon-notext ui-corner-all ui-shadow ui-btn-left">返回面板</a> -->
		</div>
		<div data-role="content">
			<div data-role="main">
			<table data-role="table" data-mode="columntoggle:none"
				data-column-btn-theme="e" data-column-popup-theme="c">
				<tbody>
					<tr>
						<td width="25%"><span>事件类型:</span></td>
						<td colspan="2"><div
								id="visitorReportHistory_registerEventType"></div></td>
					</tr>
					<tr>
						<td><span>发生时间:</span></td>
						<td colspan="2"><div
								id="visitorReportHistory_registerEventAccTime"></div></td>
					</tr>
					<tr>
						<td><span>详细内容:</span></td>
						<td colspan="2"><div
								id="visitorReportHistory_registerEventContent"></div></td>

					</tr>
					<tr>
						<td><span>事件地点:</span></td>
						<td colspan="2"><div id="visitorReportHistory_where"></div></td>

					</tr>
				</tbody>
			</table>
			<div style="height: 100px;" id="visitorReportHistory_allmap" align="center"></div>
			<table data-role="table" data-mode="columntoggle:none"
				data-column-btn-theme="e" data-column-popup-theme="c">
				<tbody>
					<tr>
						<td><span>特别备注:</span></td>
						<td colspan="2"><div
								id="visitorReportHistory_registerEventMemo"></div></td>
					</tr>
				</tbody>
			</table>
			</div>
		</div>
	</div>
	<script th:src="@{/mobile/common.js}"></script>
	<script th:src="@{/mobile/visitorTask/history.js}"></script>
	<script th:inline="javascript">
		window.rootPath= /*[[${#httpServletRequest.getContextPath()}]]*/
	</script>
</body>
</html>